<html>
<head>
<title>fileinput.js</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


<script src="${base}/static/plugin/uploadify/jquery.min.js"
	type="text/javascript"></script>

<link href="${base}/static/plugin/bootstrap/css/bootstrap.min.css"
	rel="stylesheet">

<link href="${base}/static/plugin/fileinput/css/fileinput.css"
	media="all" rel="stylesheet" type="text/css" />

<script src="${base}/static/js/jquery-2.0.3.min.js"></script>

<script src="${base}/static/plugin/fileinput/js/fileinput.js"
	type="text/javascript"></script>

<script src="${base}/static/plugin/bootstrap/js/bootstrap.min.js"
	type="text/javascript"></script>



<style type="text/css">
</style>

</head>


<script type="text/javascript">
	$("#uploadfile").fileinput({

		language : 'zh', //设置语言

		uploadUrl : "/fileInputUpload", //上传的地址

		allowedFileExtensions : [ 'jpg', 'gif', 'png' ],//接收的文件后缀

		//uploadExtraData:{"id": 1, "fileName":'123.mp3'},

		uploadAsync : true, //默认异步上传

		showUpload : true, //是否显示上传按钮

		showRemove : true, //显示移除按钮

		showPreview : true, //是否显示预览

		showCaption : false,//是否显示标题

		browseClass : "btn btn-primary", //按钮样式    

		dropZoneEnabled : false,//是否显示拖拽区域

		//minImageWidth: 50, //图片的最小宽度

		//minImageHeight: 50,//图片的最小高度

		//maxImageWidth: 1000,//图片的最大宽度

		//maxImageHeight: 1000,//图片的最大高度

		//maxFileSize:0,//单位为kb，如果为0表示不限制文件大小

		//minFileCount: 0,

		maxFileCount : 10, //表示允许同时上传的最大文件个数

		enctype : 'multipart/form-data',

		validateInitialCount : true,

		previewFileIcon : "<iclass='glyphicon glyphicon-king'></i>",

		msgFilesTooMany : "选择上传的文件数量({n}) 超过允许的最大数值{m}！",

	}).on("fileuploaded", function(event, data, previewId, index) {

	});
</script>




<script>
$(document).on('ready', function() {
    $("#input-b5").fileinput({
        showUpload: false,
        maxFileCount: 10,
        mainClass: "input-group-lg",
        language : 'zh', //设置语言

		uploadUrl : "/fileInputUpload", //上传的地址

		allowedFileExtensions : [ 'jpg', 'gif', 'png' ],//接收的文件后缀

		//uploadExtraData:{"id": 1, "fileName":'123.mp3'},

		uploadAsync : true, //默认异步上传

		showUpload : true, //是否显示上传按钮

		showRemove : true, //显示移除按钮

		showPreview : true, //是否显示预览

		showCaption : false,//是否显示标题

		browseClass : "btn btn-primary", //按钮样式    

		dropZoneEnabled : true,//是否显示拖拽区域

		//minImageWidth: 50, //图片的最小宽度

		//minImageHeight: 50,//图片的最小高度

		//maxImageWidth: 1000,//图片的最大宽度

		//maxImageHeight: 1000,//图片的最大高度

		//maxFileSize:0,//单位为kb，如果为0表示不限制文件大小

		//minFileCount: 0,

		maxFileCount : 10, //表示允许同时上传的最大文件个数

		enctype : 'multipart/form-data',

		validateInitialCount : true,

		previewFileIcon : "<iclass='glyphicon glyphicon-king'></i>",

		msgFilesTooMany : "选择上传的文件数量({n}) 超过允许的最大数值{m}！",

	}).on("fileuploaded", function(event, data, previewId, index) {
		  var res = data.response;
		  alert(res);
	});
});
</script>


<body>
	<div class="file-loading">
		<input id="input-b5" name="input-b6[]" type="file" multiple />
	</div>


</body>
</html>